<template lang="html">
  <div class="order-details">
    <TopBack :topBackText="topBackText"/>
    <OrderAddr  />
    <OrderMessage/>
    <OrderLogistics />
  </div>
</template>

<script>
import TopBack from '../../components/TopBack'
import OrderAddr from '../../components/Mine/OrderAddr'
import OrderMessage from '../../components/Mine/OrderMessage'
import OrderLogistics from '../../components/Mine/OrderLogistics'
export default {
  name:'OrderDetails',
  components:{
    TopBack,
    OrderAddr,
    OrderMessage,
    OrderLogistics
  },
  data(){
    return{
      topBackText:{
        centerText:'订单详情',
        rightText:''
      },
      shopDetails:{
        shopId:Math.random(),
        id:'1255',
        title:'五谷养生粥',
        img:require('@/assets/img/mine/mine-star_06.png'),
        context:'增进食欲，促进消化',
        price:'26.00',
        num:1
      }
    }
  },
  mounted(){
    console.log(this.$route.params.id);
  }
}
</script>

<style lang="less" scoped>

</style>
